www.gusucode.com > Typesetter CMS v5.0.3PHP源码程序 > Typesetter CMS v5.0.3/Typesetter/Typesetter/include/js/inline_edit/gallery_edit_202.js
gp_editor = {sortable_area_sel:".gp_gallery", img_name:"gallery", img_rel:"gallery_gallery", edit_links_target:!1, auto_start:!1, make_sortable:!0, edit_div:null, updateCaption:function(e, c) { }, removeImage:function(e) { }, removedImage:function(e) { }, addedImage:function(e) { }, sortStop:function() { }, editorLoaded:function() { }, widthChanged:!1, heightChanged:!1, intervalSpeed:!1, checkDirty:function() { return !1; }, getData:function(e) { var c = {images:[], captions:[]}; gp_editor.edit_div.find(gp_editor.sortable_area_sel).find("li > a").each(function() { c.images.push($(this).attr("href")); }); gp_editor.edit_div.find(gp_editor.edit_links_target).find(".caption").each(function() { c.captions.push($(this).html()); }); e = $("#gp_gallery_options").find("input,select").serialize(); var g = gp_editor.edit_div.clone(); g.find("li.holder").remove(); g.find("ul").enableSelection().removeClass("ui-sortable").removeAttr("unselectable"); g.find(".gp_nosave").remove(); g = g.html(); return $.param(c) + "&" + e + "&gpcontent=" + encodeURIComponent(g); }}; function gp_init_inline_edit(e, c) { function g() { function b(a, b, f) { a.append('<a data-cmd="' + b + '" class="' + f + '"></a>'); } function f(a) { a = $(a).closest(".expand_child").index(); return gp_editor.edit_div.find(gp_editor.edit_links_target).eq(a); } h = gp_editor.edit_div.find(gp_editor.sortable_area_sel); if (0 == h.length) { console.log("sortable area not found", gp_editor.sortable_area_sel); } else { gp_editor.resetDirty(); strip_from(m, "?"); gp_editing.editor_tools(); var a = '<div id="gp_current_images"></div><a class="ckeditor_control full_width ShowImageSelect" data-cmd="ShowImageSelect"> ' + gplang.SelectImage + '</a><div id="gp_select_wrap"><div id="gp_image_area"></div><div id="gp_upload_queue"></div><div id="gp_folder_options"></div></div>'; $("#ckeditor_top").html(a); $("#ckeditor_wrap").addClass("multiple_images"); l = $("#gp_current_images"); r(); LoadImages(!1, gp_editor); a = $('<div id="gp_gallery_options">').appendTo("#ckeditor_area"); if (gp_editor.heightChanged) { $('<div class="half_width">' + gplang.Height + ': <input class="ck_input" type="text" name="height" /></div>').appendTo(a).find("input").val(c.height).on("keyup paste change", gp_editor.heightChanged); } if (gp_editor.widthChanged) { $('<div class="half_width">' + gplang.Width + ': <input class="ck_input" type="text" name="width" /></div>').appendTo(a).find("input").val(c.width).on("keyup paste change", gp_editor.widthChanged); } gp_editor.auto_start && (gplang.Auto_Start = "Auto Start", $('<div class="half_width">' + gplang.Auto_Start + ': <input class="ck_input" type="checkbox" name="auto_start" value="true" /></div>').appendTo(a).find("input").prop("checked", c.auto_start)); gp_editor.intervalSpeed && (gplang.Speed = "Speed", $('<div class="half_width">' + gplang.Speed + ': <input class="ck_input" type="text" name="interval_speed" /></div>').appendTo(a).find("input").val(c.interval_speed).on("keyup paste change", gp_editor.intervalSpeed)); k = $('<span class="gp_gallery_edit gp_floating_area"></span>').appendTo("body").hide(); b(k, "gp_gallery_caption", "fa fa-pencil"); b(k, "gp_gallery_rm", "fa fa-remove"); $(document).delegate("#gp_current_images span", {"mousemove.gp_edit":function() { var a = $(this).offset(); k.show().css({left:a.left, top:a.top}); d = this; }, "mouseleave.gp_edit":function() { k.hide(); }, "mousedown.gp_edit":function() { k.hide(); }}); $gp.links.gp_gallery_caption = function() { d = f(this); var a = $(d), a = a.find(".caption").html() || a.find("a:first").attr("title"), a = '<div class="inline_box" id="gp_gallery_caption"><form><h3>' + gplang.cp + '</h3><textarea name="caption" cols="50" rows="3">' + $gp.htmlchars(a) + '</textarea><p><button class="gpsubmit" data-cmd="gp_gallery_update">' + gplang.up + '</button><button class="gpcancel" data-cmd="admin_box_close">' + gplang.ca + "</button></p></form></div>"; $gp.AdminBoxC(a); }; $gp.links.gp_gallery_rm = function() { d = f(this); gp_editor.removeImage(d); $(d).remove(); gp_editor.removedImage(gp_editor.edit_div); $(this).closest(".expand_child").remove(); }; $gp.inputs.gp_gallery_update = function(a) { a.preventDefault(); a = $(this.form).find("textarea").val(); var b = $(d).find(".caption"); console.log(a); console.log(d); console.log(b); b.html(a); a = b.html(); $gp.CloseAdminBox(); gp_editor.updateCaption(d, a); }; $gp.links.ShowImageSelect = function() { $(this).toggleClass("gp_display"); $("#gp_select_wrap").toggleClass("gp_display"); }; } } function r() { h.children().each(function() { p(this); }); l.sortable({tolerance:"pointer", cursorAt:{left:25, top:25}, stop:function() { l.children().each(function() { h.append($(this).data("original")); }); gp_editor.sortStop(); }}).disableSelection(); } function p(b) { var f = $(b), a = f.find("img").attr("src"); a && (a = $("<img>").attr("src", a), a = $("<a>").append(a), b = $('<div class="expand_child"><span><a data-cmd="gp_gallery_caption" class="fa fa-pencil"></a><a data-cmd="gp_gallery_rm" class="fa fa-remove"></a></span></div>').data("original", b).append(a).appendTo(l), f.hasClass("gp_to_remove") && b.addClass("gp_to_remove")); } function n(b, f) { gp_editor.edit_div.find(".gp_to_remove").remove(); l.find(".gp_to_remove").remove(); b.attr({"data-cmd":gp_editor.img_name, "data-arg":gp_editor.img_rel, title:"", "class":gp_editor.img_rel}); var a = $("<li>").append(b).append('<div class="caption"></div>'); f ? f.replaceWith(a) : h.append(a); a.trigger("gp_gallery_add"); gp_editor.addedImage(a); p(a); } function t(b) { b.attr("action"); b.find(".file").auto_upload({start:function(b, a) { a.bar = $('<a data-cmd="gp_file_uploading">' + b + "</a>").appendTo("#gp_upload_queue"); a.holder = $('<li class="holder" style="display:none"></li>').appendTo(h); return !0; }, progress:function(b, a, e) { b = Math.round(100 * b); b = Math.min(98, b - 1); e.bar.text(b + "% " + a); }, finish:function(b, a, e) { var c = e.bar; c.text("100% " + a); var d = $(b); b = d.find(".status").val(); d = d.find(".message").val(); "success" == b ? (c.addClass("success"), c.slideUp(1200), a = $("#gp_gallery_avail_imgs"), a = $(d).appendTo(a).find("a[name=gp_gallery_add],a[data-cmd=gp_gallery_add]"), n(a.clone(), e.holder)) : "notimage" == b ? c.addClass("success") : (c.addClass("failed"), c.text(a + ": " + d)); }, error:function(b, a, c) { alert("error: " + c); }}); } $gp.LoadStyle("/include/css/inline_image.css"); "undefined" !== typeof gp_gallery_options && $.extend(gp_editor, gp_gallery_options); gp_editor.edit_links_target || (gp_editor.edit_links_target = gp_editor.sortable_area_sel + " > li"); var h, l, k = !1, d = !1, m = gp_editing.get_path(e); gp_editor.edit_div = gp_editing.get_edit_area(e); if (0 != gp_editor.edit_div && 0 != m) { gp_editor.save_path = m; gp_editor.checkDirty = function() { var b = gp_editor.getData(gp_editor.edit_div); return q !== b ? !0 : !1; }; gp_editor.SaveData = function() { return gp_editor.getData(gp_editor.edit_div, gp_editor); }; gp_editor.resetDirty = function() { q = gp_editor.getData(gp_editor.edit_div); }; g(); var q = gp_editor.getData(gp_editor.edit_div); gp_editor.editorLoaded(); $gp.links.gp_gallery_add = function(b) { b.preventDefault(); b = $(this).stop(!0, !0); n(b.clone()); b.parent().fadeTo(100, .2).fadeTo(2E3, 1); }; $gp.links.gp_gallery_add_all = function(b) { b.preventDefault(); $("#gp_gallery_avail_imgs").find("a[name=gp_gallery_add],a[data-cmd=gp_gallery_add]").each(function(b, a) { n($(this).clone()); }); }; $gp.response.gp_gallery_images = function(b) { t($("#gp_upload_form")); }; $gp.links.gp_file_uploading = function() { var b = $(this), c = !1; b.hasClass("failed") ? c = !0 : b.hasClass("success") && (c = !0); c && b.slideUp(700); }; } } ;